﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="../Scripts/jquery-1.8.2.js"></script>
    <script src="../Scripts/basejs.js"></script>
    <script src="../Scripts/FoldMenu.js"></script>
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="../css/FoldMenu.css" rel="stylesheet" />

</head>
<body >
    <span class="button switch roots_close"></span>

    <div id="div_menu_box" >

    </div>

    <div id="div_show" >

    </div>
    
    <script>
        
        $(document).ready(function () {
            var data = [{ Id: 1, Icon: "/static/css/img/1_open.png", Name: "张三", Child: [{ Id: 21, Name: "张三",Selected:true, Child: null }] }, { Id: 2, Name: "李思",  Child: [{ Id: 21, Name: "张三", Child: null }, { Id: 22, Name: "李思", Child:  null }, { Id: 2200, Name: "李思", Selected: false, Child: [{ Id: 22100, Name: "王五", Child: null }] }, { Id: 3, Name: "王五", Child: null }] }, { Id: 31, Name: "王五", Child: [{ Id: 311, Name: "张三", Child: null }, { Id: 312, Name: "李思", Child: null }, { Id: 313, Name: "王五", Selected: false, Icon: "/static/css/img/5.png", Child: [{ Id: 3131, Selected: false, Name: "王五", Child: null }, { Id: 3131,  Name: "王五1", Child: null }] }] }];
            var app = $("#div_menu_box").FoldMenu({
                url: "/group",
                child: "Cgroup",
                source: "Data",
                //data: data,
                width: 200,
                selected: function (key) {
                    alert(key);
                }
            });

        });

    </script>
</body>

</html>
